<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:p="http://primefaces.org/ui">
      
    <h:body>
        <title>Bioinformática 2013</title>
        <link rel="stylesheet" href="layout.css" type="text/css" media="screen"></link>
        
        <nav id="menu">
            <ul>
                <li><a href="index.xhtml">Pagina Inicial</a></li>
                <li><a href="help.html">Ajuda</a></li>
            </ul>
        </nav><br />
        
        <h:form enctype="multipart/form-data">
            <fieldset><legend><p class="imp">Projeto de Bioinformáica 2013</p></legend><br />
                <h:inputFile value="Arquivo" class="filename"/><br />
                <h:commandButton value="Enviar" styleClass="botaoEnviar" type="submit" /><br />
                
                <fieldset><legend><p class="grafo_heatmap">Desenha Grafo 3D e Heatmap</p></legend><br />
                    
                    <fieldset><legend><p class="desenha_grafo">Exibe nós de Genes em 3D</p></legend><br />
                      <!-- 
                        <p:growl id="growl" showDetail="true" />
                        <h3>Zoom</h3> 
                        <h:panelGrid columns="1" style="margin-bottom:10px">  
                            <h:outputText id="output" value="Set ratio to %#{sliderBean.valor}"/>  
                            <h:inputHidden id="txt2" value="#{sliderBean.valor}" />  
                            <p:slider for="txt2" display="output" style="width:200px" displayTemplate="Set ratio to %{value}"/>  
                        </h:panelGrid>
                      -->
                        <canvas class="area_grafo" width="1240" height="480"></canvas><br />
                    </fieldset>
                    
                    <fieldset><legend><p class="mostra_heatmap">Heatmap</p></legend><br />
                        <canvas class="area_heatmap" width="1040" height="480"></canvas>
                    </fieldset>
                    
                </fieldset>
            </fieldset>
            
        </h:form>
    </h:body>
</html>

